<?php include('app/admin/welcome/html/meta.html');?>
<?php include('app/admin/welcome/html/header.html');?>
<?php include('app/admin/welcome/html/menu.html');?>

<section class="Hui-article-box">
	<nav class="breadcrumb"><i class="Hui-iconfont"></i>
		<a href="index.php?a=admin&b=welcome&c=index" class="maincolor">首页</a>
		<span class="c-999 en">&gt;</span>
		<span class="c-666">我的桌面</span>
		<a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新"><i class="Hui-iconfont">&#xe68f;</i></a>
	</nav>
	<div class="Hui-article">

		<article class="page-container">
			<form enctype="multipart/form-data" class="form form-horizontal" id="form-article-add" method="post" action="index.php?a=admin&b=watertext&c=add">
				<div class="row cl">
					<label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>名称：</label>
					<div class="formControls col-xs-6 col-sm-7">
						<input type="text" class="input-text" value="" placeholder="" id="name" name="name">
					</div>
				</div>
				
				<div class="row cl">
					<label class="form-label col-xs-4 col-sm-2">文字：</label>
					<div class="formControls col-xs-6 col-sm-7">
						<input type="text" class="input-text" value="" placeholder="" id="text" name="text">
					</div>
				</div>
				<div class="row cl">
					<label class="form-label col-xs-4 col-sm-2">文字大小：</label>
					<div class="formControls col-xs-1 col-sm-1">
						<select name="text_size" class="select">
							<?php for($i=40;$i<=200;$i++){?>
								<?php if($i%2==0){?>
									<option value="<?php echo $i;?>"><?php echo $i;?></option>
								<?php }?>	
							<?php }?>
						</select>
					</div>
				</div>
				<div class="row cl">
						<label class="form-label col-xs-4 col-sm-2">选择图片：</label>
						<div class="formControls col-xs-8 col-sm-9">
							<input type="file" multiple="multiple" name="file" id="file" />
						</div>
				</div>
					<div class="row cl">
						<label class="form-label col-xs-4 col-sm-2">预览图：</label>
						<div class="formControls col-xs-8 col-sm-9">
							<img id="thumb" style="width: 120px;height: 60px;" />
						</div>
					</div>
				<div class="row cl">
					<div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-2">
						<button class="btn btn-primary radius" type="submit"><i class="Hui-iconfont">&#xe632;</i> 保存并提交</button>
						
						<button class="btn btn-default radius" type="button">&nbsp;&nbsp;取消&nbsp;&nbsp;</button>
					</div>
				</div>
			</form>
		</article>
	</div>
</section>

<?php include('app/admin/welcome/html/footer.html');?>

<!--请在下方写此页面业务相关的脚本-->

<!-- 配置文件 -->
<script type="text/javascript" src="static/lib/ueditor/1.4.3/ueditor.config.js"></script>
<!-- 编辑器源码文件 -->
<script type="text/javascript" src="static/lib/ueditor/1.4.3/ueditor.all.js"></script>
<!-- 实例化编辑器 -->
<script type="text/javascript">
        var ue = UE.getEditor('container');

        //上传缩略图
        window.onload = function() {　　　　　　
		$("#file").change(function() {

			　　　　　　　　
			var objUrl = getObjectURL(this.files[0]);　　　　　　　　
			console.log("objUrl = " + objUrl);　　　　　　　　
			if(objUrl) {　　　　　　　　　　
				$("#thumb").attr("src", objUrl);　　　　　　　　
			}　　　　　　
		});　　　　　　 //建立一個可存取到该file的url
		　　　　　　
		function getObjectURL(file) {　　　　　　　　
			var url = null;　　　　　　　　
			if(window.createObjectURL != undefined) { // basic
				　　　　　　　　　　
				url = window.createObjectURL(file);　　　　　　　　
			} else if(window.URL != undefined) { // mozilla(firefox)
				　　　　　　　　　　
				url = window.URL.createObjectURL(file);　　　　　　　　
			} else if(window.webkitURL != undefined) { // webkit or chrome
				　　　　　　　　　　
				url = window.webkitURL.createObjectURL(file);　　　　　　　　
			}　　　　　　　　
			return url;　　　　　　
		}
	}
</script>
<!--/请在上方写此页面业务相关的脚本-->

</body>

</html>